<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>网络跟踪学生编辑页面</title>
<link rel="stylesheet" href="layui/css/layui.css" media="all">
<style>
.layui-btn:not(.layui-btn-lg ):not(.layui-btn-sm):not(.layui-btn-xs) {
	height: 34px;
	line-height: 34px;
	padding: 0 8px;
}
</style>
</head>
<body>
	<form class="layui-form" action="">
	<div class="layui-form-item" style="margin-top: 20px;" onsubmit="false">
	<input type="text" name="trackid" id="trackid" lay-verify="required" lay-reqtext="ID获取失败" hidden="hidden">
		<div class="layui-form-item">
			<label class="layui-form-label" style="width: 120px;">跟踪者:</label>
			<div class="layui-input-inline" style="width: 340px;">
				<input type="text" name="username" id="username" lay-verify="required|username" 
				lay-reqtext="跟踪者名称不能为空" placeholder="请输入跟踪者名称" 
				value="" class="layui-input">
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label" style="width: 120px;">跟踪学生:</label>
			<div class="layui-input-inline" style="width: 340px;">
				<input type="text" name="stuname"  id="stuname" lay-verify="required"
				 lay-reqtext="跟踪学生不能为空" 
				placeholder="请输入学生" value="" class="layui-input">
			</div>
		</div>
		
		<div class="layui-form-item">
			<label class="layui-form-label" style="width: 120px;">跟踪类型:</label>
			<div class="layui-input-inline" style="width: 340px;">
				
				<select name="tracktype" id="tracktype" lay-verify="required" lay-search>
						<option value=""></option>
						<option value="电话">电话</option>
					    <option value="EMAIL">EMAIL</option>
					    <option value="短信">短信</option>
					    <option value="当面">当面</option>
					</select>
			</div>
		</div>
		
		<div class="layui-form-item">
			<label class="layui-form-label" style="width: 120px;">跟踪状态:</label>
			<div class="layui-input-inline" style="width: 340px;">
				<input type="text" name="trackstate" id="trackstate" hidden="hidden" placeholder="请输入状态"
				 lay-verify="required">
				 <input type="text" name="trackstate2" id="trackstate2" placeholder="请输入状态"
				 lay-verify="required" class="layui-input">
			</div>
		</div>
		
		
		
		
		
		<div class="layui-form-item">
			<label class="layui-form-label" style="width: 120px;">跟踪内容:</label>
			<div class="layui-input-inline" style="width: 340px;">
				<textarea name="trackcontent" id="trackcontent" placeholder="请输入内容" 
				class="layui-textarea"></textarea>
			</div>
		</div>
		
		
		<div class="layui-form-item">
			<label class="layui-form-label" style="width: 120px;">跟踪时间:</label>
			<div class="layui-input-inline" style="width: 340px;">
				<input type="text" name="trackdatebegin" id="trackdatebegin" placeholder="请输入跟踪时间"
				 lay-verify="required" class="layui-input">
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label" style="width: 120px;">创建跟踪的时间:</label>
			<div class="layui-input-inline" style="width: 340px;">
				<input type="text" name="trackcreatetime" id="trackcreatetime" placeholder="请输入创建时间" 
				lay-verify="required" class="layui-input">
			</div>
		</div>
		
		
		<div class="layui-btn-container" style="text-align: center;">
			<button class="layui-btn" lay-filter="trackstudentsEditBtu" lay-submit="">
				修改</button>
		</div>
		</div>
	</form>
	<script type="text/javascript" src="layui/layui.js"></script>
	<script type="text/javascript" src="lib/jquery-3.4.1/jquery-3.4.1.min.js"></script>
	<script src="js/Global.js" type="text/javascript" charset="utf-8"></script>
	<!-- 跟踪详情页面根据回显 重新赋值 判断汉字固定，颜色设置 -->
<script type="text/javascript">
setTimeout(function(){
	if($("#trackstate").val()==1){
		$("#trackstate2").val("已完成");
		$("#trackstate2").css("color",'blue');
	}else if($("#trackstate").val()==2){
		$("#trackstate2").val("跟进中");
		$("#trackstate2").css("color",'red');
	}else if($("#trackstate").val()==3){
		$("#trackstate2").val("未完成");
		$("#trackstate2").css("color",'gray');
	}
},100)
/* 	setTimeout(function(){
	if($("#IsReturnVisit").val()==1){
		$("#IsReturnVisit").val("已回访");
		$("#IsReturnVisit").css("color",'red');
	}else if($("#IsReturnVisit").val()==2){
		$("#IsReturnVisit").val("未回访");
		$("#IsReturnVisit").css("color",'blue');
	}
},100) */
</script>
	<script>
			layui.use(['form','laydate'], function() {
				var form = layui.form,
					layer = layui.layer,
					$ = layui.$;
				var laydate = layui.laydate;
		
				//执行一个laydate实例
				laydate.render({
				  elem: '#trackdatebegin' //指定元素
				  ,type: 'datetime'
				  ,trigger: 'click' //采用click弹出
				  ,calendar: true //允许显示公历节日
				});
				
				laydate.render({
					  elem: '#trackcreatetime' //指定元素
					  ,type: 'datetime'
					  ,trigger: 'click' //采用click弹出
					  ,calendar: true //允许显示公历节日
					});
				form.verify({
					username: function(value, item) { //value：表单的值、item：表单的DOM对象
							if(!new RegExp("^[a-zA-Z0-9_\u4e00-\u9fa5\\s·]+$").test(value)) {
								return '用户名不能有特殊字符';
							}
							if(/(^\_)|(\__)|(\_+$)/.test(value)) {
								return '用户名首尾不能出现下划线\'_\'';
							}
							if(/^\d+\d+\d$/.test(value)) {
								return '用户名不能全为数字';
							}

							//如果不想自动弹出默认提示框，可以直接返回 true，这时你可以通过其他任意方式提示（v2.5.7 新增）
							if(value === 'name' || value === 'username' || value === 'sb') {
								return '用户名不能为敏感词';
							}
						}

						//我们既支持上述函数式的方式，也支持下述数组的形式
						//数组的两个值分别代表：[正则匹配、匹配不符时的提示文字]
						,
					pass: [
						/^[\S]{6,12}$/, '密码必须6到12位，且不能出现空格'
					]
				});
			//监听提交
			form.on('submit(trackstudentsEditBtu)', function(data) {
				var d = data.field; //表单中的数据，定义一个对象来接收
				d.method = "update";
				//通过ajax向数据库提交数据了
				console.log(d); //提交之前的一个数据验证、通过打印的方式先手动的去判断一下这个数据
				var url = globalData.server+'public/updateTrack';
				$.post(url, d, function(data) {
					if(data.count > 0) {
						var iframeIndex = parent.layer.getFrameIndex(window.name);
						parent.layer.close(iframeIndex);
					}
				}, "json");
				return false;
			});
		});
		
	</script>
</body>
</html>